<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">
        $("[name='entityProterty']").click(function(){
            var $this = $(this);
            window.open($this.attr("url"),'实体属性','width=1024,height=768');
        });

    </script>
</head>
<body>

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
        <h3 class="page-title">
            构建项目 <small>数据库表</small>
        </h3>
        <ul class="page-breadcrumb breadcrumb">
            <li class="btn-group">
                <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
							<span>
								Actions
							</span>
                    <i class="fa fa-angle-down"></i>
                </button>
                <ul class="dropdown-menu pull-right" role="menu">
                    <li>
                        <a href="#">
                            Action
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Another action
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Something else here
                        </a>
                    </li>
                    <li class="divider">
                    </li>
                    <li>
                        <a href="#">
                            Separated link
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <i class="fa fa-home"></i>
                <a href="index.html" tppabs="http://www.keenthemes.com/preview/metronic_admin/index.html">
                    主页
                </a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">
                    构建项目
                </a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">
                    数据表
                </a>
            </li>
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->
    </div>
</div>


<div class="portlet-body">
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-advance table-hover">
            <thead>
            <tr>

                <th>表名</th>
                <th>数据库</th>
                <th>描述</th>
                <th>操作</th>

            </tr>
            </thead>
            <tbody>

            <tr  th:each="table : ${list}">

                <td class="highlight">
                    <div class="success">
                    </div>
                    <a href="#"  th:text="${table.tableName}">
                        RedBull
                    </a>
                </td>

                <td  th:text="${table.tableSchema}">

                </td>
                <td th:text="${table.tableComment}"></td>
                <td>
                    <a name="entityProterty" href="#" class="btn default btn-xs purple"  data-toggle="modal" th:attr="url='/entity/index?tableName=__${table.tableName}__&tableSchema=__${table.tableSchema}__'">
                        <i class="fa fa-edit"></i> Edit
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>


<div id="entityFrage" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

        </div>
    </div>
</div>

</body>
</html>